nz-layout
    background-color #fff !important

nz-content
    padding 0

nz-form-explain
    color #da251d !important

.ant-spin-nested-loading
    height 100%

    .ant-spin-container
        height 100%

/* * 面包屑样式 -- start */
nz-breadcrumb
    display flex
    justify-content space-between
    align-items center
    padding 0px 48px !important
    background #fff
    z-index 1
    position relative
    height 40px
    box-shadow 0px 1px 10px 1px rgba(0, 0, 0, 0.1)
    line-height 40px !important

    nz-breadcrumb-item
        &:last-child
            color rgba(0, 0, 0, 0.85)

/* * 面包屑样式 -- end */
/* * 抽屉drawer样式 -- start */
.ant-drawer-mask
    background-color rgba(0, 0, 0, 0.45)

.ant-drawer-content-wrapper
    margin-top 60px

    .ant-drawer-header
        height 56px
        padding 0 12px
        background-color #f5f5f5
        border-radius 0

        .ant-drawer-title
            line-height 56px
            font-size 16px

    .ant-drawer-body
        padding-left: 0;
        padding-right: 0;
/* * 抽屉drawer样式 -- end */
/* * 表单样式 -- start */
.ant-table-thead
    background-color #f5f5f5

.ant-table
    overflow-x auto
    border-top 1px solid rgba(0, 0, 0, 0.1)

.ant-table-thead > tr > th
    font-weight 500
    font-size 14px
    color rgba(0, 0, 0, 0.85)

.ant-table-thead > tr > th, .ant-table-tbody > tr > td
    padding 0
    font-family Helvetica Neue

    &:first-child
        padding-left $padding-x
        padding-right 8px

    &:last-child
        padding-right $padding-x

.ant-table-thead > tr
    th
        height 56px
        div
            display flex
            flex-direction row
            align-items center
        .ant-table-column-sorter,
        .anticon-filter,
        .ant-table-filter-icon
            position relative
            display flex
            flex-direction column
            margin-left 5px
            margin-top 0
    // 表头有filter时，设置样式
    .ant-table-column-has-filters
        div
            display inline-block
        nz-dropdown
            display inline-block
            width 20px
            height 12px

// 表格thead的图标与标题紧邻
.ant-table-thead
    tr
        th:first-child
            div
                flex-direction column
                align-items flex-start
                
        th.ant-table-selection-column,
        td.ant-table-selection-column
            div
                align-items center // 保证第一列为多选操作时，居中

.ant-table-tbody > tr
    height 54px

.ant-table-pagination.ant-pagination
    padding-right $padding-x

.ant-pagination-item-active
    background-color $active-bg-color
    color $active-font-color

    a
        color $active-font-color

.ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a
    color $active-font-color

tr.ant-table-expanded-row td > .ant-table-wrapper
    margin 0

/* * 表单样式 -- end */
input:disabled
    background-color rgb(235, 235, 228)

.ant-form-item-control
    line-height 32px

.ant-form-item-label
    line-height 32px

// 去掉nz-form-label的 ':'
.nzlabel-no-content
    label
        &:after
            content ''

// 标签页样式
.ant-tabs-bar
    padding 0 48px

// 时间控件改为block
.ant-calendar-picker
    display: block
    width: 100% !important

.ant-form-item
    .ant-checkbox-wrapper
        line-height 32px

// 文件上传样式
nz-upload
    .ant-upload.ant-upload-drag
        background-color #fff

// 输入框提示符鼠标滑过光标的样式为“手”
.anticon:hover
    cursor pointer

// 证书模块上传
.upload-container
    .columns-upload
        .ant-upload
            height 100px

.ant-form-explain
    margin-top 0

/* * 折叠面板样式 -- start */
.ant-collapse > .ant-collapse-item > .ant-collapse-header
    background #f5f5f5
/* * 折叠面板样式 -- end */


.ant-select-dropdown
    max-height 300px

/* 自定义树样式 -- start */
.custom-tree
    .ant-tree
        li
            ul
                padding-left 0px
/* 自定义树样式 -- end */

/* 自定义抽屉样式 -- start */
.ant-drawer-right.has-footer
    overflow visible !important
    .ant-drawer-body
        height calc(100% - 162px)
        overflow auto
.ant-drawer-right
    .auth-module-drawer
        height calc(100% - 64px)

// 数据接入模块抽屉头部固定
.ant-drawer.ant-drawer-right .data-config-module-drawer .ant-drawer-wrapper-body
    overflow visible !important
    .ant-drawer-body
        overflow auto
        height calc(100% - 56px)
/* 自定义抽屉样式 -- end */

.ant-affix
    width 100% !important